<template>
  <div class="home">
    <TopNav />
    <!-- 轮播图 -->
    <NavSwiper />
    <!-- 每日推荐 -->
    <IconList />
    <!-- 发现好歌单 -->
    <MusicList />
  </div>
</template>

<script>
import TopNav from '@/components/TopNav.vue'
import NavSwiper from '@/components/NavSwiper.vue'
import IconList from '@/components/IconList.vue'
import MusicList from '@/components/MusicList.vue'
import { reactive } from 'vue'
import axios from 'axios'
export default {
  components: {
    TopNav,
    NavSwiper,
    IconList,
    MusicList,
  },
  name: 'Home',
  setup() {
    return {}
  },
}
</script>
<style lang="less" scoped>
</style>
